<template>
	<view class="register">
		<up-tabs :list="tabsList" @click="clicktabFn" style="width: 100%;" :lineWidth='40' lineColor='#40d2d3'
			:scrollable='false'></up-tabs>

		<!-- 任务信息 -->
		<view class="taskInfo">
			<Patient></Patient>
		</view>

	</view>
</template>

<script setup>
	import {
		reactive,
		toRefs
	} from 'vue'
	import Patient from "./components/patient.vue"
	const state = reactive({
		tabsList: [{
				name: '病人挂号',
				component: 'patientProportion'
			},
			{
				name: '任务患者',
				component: 'diseaseCount'
			},
			{
				name: '转归患者',
				component: 'overall'
			},
			{
				name: '全部患者',
				component: 'overall'
			},
		],
		taskInfo: {
			hospital: '泸定县人民医院',
			address: '成都市双流区西航港大道中三段星月花园',
			doctorInfo: '邓勇',
			nurseInfo: '隔壁老王',
			callName: '杰克',
			callPhone: '19123011755',
			creatTime: '2025-02-19 15:07:53',
		},
	})
	const {
		tabsList,
		taskInfo
	} = toRefs(state)
	const clicktabFn = (item) => {
		console.log(item, 'dd');
	}
</script>

<style scoped lang="scss">
	page {
		height: 100%;
		display: flex;
		color: #323233;
		font-size: 28rpx;
	}

	.register {
		flex: 1;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		overflow: hidden;

		.taskInfo {
			overflow: auto;
			margin-bottom: 40rpx;
		}


	}

	:deep(.u-form-item__body__left__content__label) {
		color: #646566;
		width: 210rpx;
		font-size: 28rpx;
	}

	:deep(.uni-input-wrapper) {
		color: #323233;
		margin-left: 120rpx;
		font-size: 28rpx;
	}

	:deep(.u-radio-group) {
		margin-left: 120rpx;
	}

	:deep(.uni-scroll-view-content) {
		background: #eefdfb;
	}

	:deep(.u-input__content__subfix-icon) {
		color: #646566;
	}
</style>